<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="author" content="wangbo">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    /* :root 选择器匹配文档根元素。在 HTML 中，根元素使用时 html 元素。也就是说 :root 表示的是根元素。 */
    div {
      --myc: #aaa;
      color: var(--myc)
    }
  </style>
</head>

<body>
  <div class="fu">
    <div>我是绿色的</div>
  </div>
  <div>我是红色的</div>
</body>

</html>